<!DOCTYPE html>
<html>
    <head>
    <head lang="es">
        <title>Agua y Saneamiento de Amecameca</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width = device-width, initial-scale=1, maximum-scale=1"/>
        <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">        
        <!--<link rel="stylesheet" href="css/normalize.css">-->
        <link rel="stylesheet" href="css/flexslider.css">
        <link rel="stylesheet" href="css/estiloSicoba.css">
        <script src="js/jquery1_8_3.js"></script>
        <script src="js/jquery.flexslider.js"></script>
        <script src="js/indexJs.js"></script>
    </head>
</head>
<body>
    <div id="principal">
        <header>                
            <a href="#">    
                <img alt="asaLogo" src="img/asalogo2.png">
            </a>
            <div id="menu">
                <div>
                    <h1>Agua y Saneamiento de Amecameca</h1>
                </div>
                <nav>
                    <ul>
                        <li class="cien"><a href="#">Iniciar Sesion</a></li>
                    </ul>
                </nav>
            </div>
        </header>
        <section>
            <div id="contenidos">
                <section>
                    <div class="galeria">
                        <div class="flexslider" >
                            <ul class="slides">
                                <li>
                                    <img src="img/flex/3d_Electroplasma.jpg" />
                                </li>
                                <li>
                                    <img src="img/flex/Android_Robot.jpg" />
                                </li>
                                <li>
                                    <img src="img/flex/Drops.jpg" />
                                </li>
                                <li>
                                    <img src="img/flex/Fire_And_Ice.jpg" />
                                </li>
                            </ul>
                        </div>
                    </div>
                </section>
            </div>
        </section>
        <section>
                    <div id="neg" class="neg">
                <div id="fneg" class="fneg">
                    <article>                        
                        <form id="Frm_Ini" name="Frm_Ini" class="forma">
                            <div><a href="#" class="a">X</a></div>                                
                            <hgroup>
                            <h2>Iniciar Sesion</h2>
                        </hgroup>
                            <table>
                                <tr>
                                    <td>Usuario</td>
                                    <td><input type="text" id="Inp_Us" name="Inp_Us" required></td>
                                </tr>
                                <tr><td colspan="2">&nbsp;</td></tr>
                                <tr>
                                    <td>Password</td>
                                    <td><input type="password" id="Inp_Pass" name="Inp_Pass" required></td>
                                </tr>
                                <tr><td colspan="2">&nbsp;</td></tr>
                                <tr>
                                    <!--<td><a href="#" class="liga"
                                           onClick="">Registrate!!!</a></td>-->
                                    <td>
                                        <input type="button" name="Btn_Entra" id="Btn_Entra" value="Iniciar" class="boton">
                                    </td>
                                </tr>
                            </table>
                            <img id="imgLoading" style="position:absolute;
                             width: 80px;height: 90px; margin-right: auto; margin-left:  -50px;
                             margin-top: -150px; z-index: 4; display:none" src="img/loading.gif">
                        </form>
                        <div id="respuesta">
                            
                        </div>
                    </article>
                </div>
                </div>
                </section>
        <footer>
            &COPY;&nbsp;2013 <a href="http://www.4aweb.uni.me">4aweb</a>&nbsp;
            <p>
                Organismo Publico Desentralizado para la Prestacion de los Servicios de Agua Potable, Alcantarillado y
                Saneamiento de Amecameca (ASA)<br>
                Plaza de la Constitucion No 1 Amecameca de Juarez, Estado de Mexico Tel.:97-8-07-92
            </p>
        </footer>
    </div>
</body>
</html>
